<script>
import axios from 'axios'
export default {
  name: 'App',
  data() {
    return {
      message: 'Hello Vue!'
    }
  },
  mounted() {
     //3.使用高德地图   初始化地图时，若center属性缺省，地图默认定位到用户所在城市的中心
     var map = new AMap.Map('container', {
        zoom: 10,  //放大级别
    });
    console.log(map.getCenter());  //获取经纬度坐标  kT: 30.287459, KL: 120.15357599999999经纬度这个是哪里
    console.log(map.getCity());  //获取城市名称  undefined  上海市的浦东新区
    //将经纬度转换为城市名称
    // AMap.plugin('AMap.Geocoder', function() {
    //     var geocoder = new AMap.Geocoder({
    //     });
    //     geocoder.getAddress(map.getCenter(), function(status, result) {
    //         if (status === 'complete' && result.info === 'OK') {
    //             console.log(result.regeocode.formattedAddress);  //获取城市名称
    //         }  //// 获取城市名称
    //     });
    // });
    
  // document.getElementById('adcode').innerHTML = JSON.stringify(map.getCenter())
  document.getElementById('adcode').innerHTML = map.getCenter()

  },
  methods: {
    sayHello() {
      alert(this.message)
    }
  }
}
</script>
<template>


  <div id="container"></div>
  <div id="adcode"></div>
</template>
<style>

#container {
  width: 100%;
  height: 300px;
}</style>